<template>
    <div class="order-container">
        <div class="nav-container">
            <van-nav-bar
                    @click-left="onClickLeft"
                    @click-right="onClickRight"
            >
                <span slot="title" style="font-size: 18px; font-weight: bold;">订单</span>
            </van-nav-bar>
        </div>

        <van-list v-model="loading">
            <div class="order-list" v-show="!loading">
                sadasd
            </div>
        </van-list>


    </div>
</template>

<script>
    export default {
        name: "order-index",
        data() {
            return {
                loading: false
            }
        },
        created() {
            this.loading = false
        },
        methods: {
            onClickLeft() {
                this.$toast('返回');
            },
            onClickRight() {
                this.$toast('按钮');
            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    @import "../../styles/base/variables";
    .nav-container{
        .van-nav-bar{
            background: $vanNavBarBackground;
        }
    }

</style>